 {% extends 'CHOMPSGIBundle:Incidentes:base.html.twig' %}
{% set active_page = "" %}

{% block subtitle %} Ver{% endblock %} 
{% block content %}
<h1>Vista extendida</h1>
    <ul class="nav nav-tabs">
        <li>
            <a href="{{ path("incidentes_ver",{ 'id': incidente.id }) }}">Informacion Extendida</a>
        </li>
        <li class="active"><a href="#">Comentarios y notas</a></li>
		{% if incidente.cuentaAnalitica != '' %}
        	<li><a href="{{ path("timesheet_listar",{ 'page': 1, 'incidente': incidente.id }) }}">Horas de Trabajo</a></li>
		{% else %}
        	<li><a href="#" onClick="alert('Primero debe ser asignada una Cuenta Analitica.');">Horas de Trabajo</a></li>
		{% endif %}    
	</ul>
	
	<div class="row-fluid">
		<div class="span10 offset1">
			<div class="span12"> 

				<!--
				<div class="row-fluid">
					<div style="float:right; margin: 10px 0">	
						<a class="btn" href="{{ path("incidentes_listar",{ 'page': 1 }) }}">
							Volver
						</a>
					</div>
				</div>
				-->


				<div class="incidente-container">

					{% set currentComentario = 0 %}
					{% set currentComentarioDesc = cantComentarios %}
					{% if (cantComentarios > 0) and (currentComentario < cantComentarios) %}	
					<div class="container" style="margin-top:0px; padding: 2px 10px 5px; overflow: auto; max-height: 500px;">
						<h4 style="padding-left: 20px;">Comentarios</h4>
						{% for comentario in comentarios %}
							{% set currentComentario = currentComentario + 1%}

							<div class="span10 offset1" style="border: 1px solid #ddd; padding: 10px; margin-bottom: 10px">
								<div class="span6">
									# {{ currentComentarioDesc }}
									<b> {{	comentario.usuario.login }}</b>
								</div>
								<div class="span3 offset2 text-right" style="width: 180px;">
									Fecha: {{ comentario.fechaCreacion|date('Y-m-d H:m') }}
								</div>
								<div class="span12">
									<div>{{	comentario.comentario }}</div>
								</div>
							</div>
							
							{% set currentComentarioDesc = currentComentarioDesc - 1%}
							
						{% endfor %}
					{% else %}
					<div class="container" style="margin-top:0px; padding: 2px 10px 5px;">
						<h4 style="padding-left: 20px;">Comentarios</h4>
							<div class="span10 offset1">
								No existen comentarios para este incidente.
							</div>
						{% endif %} 
						</div>
						
						{% spaceless %}
							{% if 'EDITAR_INCIDENTE_COMENTARIO' in permisos or 'EDITAR_INCIDENTE_ALL' in permisos %}
								 <div  class="formComentario">
								 	Agregue un comentario: <br>				
									<form action="{{ path('incidentes_altaComentario' ,{ 'idIncidente': incidente.id }) }}" method="POST"
										<div>
											<textarea required="true" style="width: 98%;" id="comentario" name="comentario"></textarea>
										</div>
										<br />
										<input class="btn" type="submit" value="Guardar" />
										</div>
									</form>
								 </div>
							{% endif %}
						{% endspaceless %}
					</div>
				</div>
			</div>
		</div>
	</div>

{% endblock %}
 